<template>
  <div>
    <div class="location boder-top bgcolor">
      <div class="boder-right">
        <span class="iconfont">&#xe60f;</span>
        北京大兴
      </div>
      <div>
        <span class="iconfont">&#xe689;</span>
        玩水记
      </div>
    </div>
    
    <div class="locaer  boder-top bgcolor">
      <div  class="boder-right">
        <div>
          <h3>门票特卖</h3>
          天天好价1折起
        </div>
        <img src="~assets/img/05.jpg" alt="">  
      </div>
      <div>
        <div>
          <h3>暑假大促</h3>
          领劵立减15元
        </div>
        <img src="~assets/img/05.jpg" alt="">  
      </div>
    </div>
  </div>
</template>


<script>

export default {
  data () {
    return {
      
    }
  }
}

</script>


<style lang="less" scoped>
  .location {
    display: flex;
    line-height: 40px;
    >div {
      flex: 1;
      display: flex;
      /*水平居中*/
      justify-content: center;
      
      >span {
        margin-right: 5px;
      }
    }
  }
  .locaer {
    display: flex;
    margin-top: 40px;
    padding: 10px;
    
    >div {
      flex: 1;
      display: flex;
      font-size: 14px;
      line-height: 22px;
      justify-content: space-evenly;

      h3 {
        font-weight: bold;
        color: #f60;
        font-size: 18px;
      }

      >img {
        width: 40px;
        height: 40px;
      }
    }
  }
</style>
